<template>
  <!--试用版本部分-->
  <div class="w-full bg-ed">
    <div class="tmain">
      <!-- 版本标题-->
      <div class="w-full">
        <div class="w-full pt-6 pb-8">
          <span class="text-vr fs:vr bold-700">{{ $t("vs.family") }}</span>
        </div>
      </div>
      <!--版本介绍-->
      <div class="w-full pb-6">
        <div class="flex justify-between w-full">
          <div class="flex flex-row w-full flex-wrap justify-between">
            <!--免费版-->
            <div class="v-width mb-8">
              <div class="w-full pb-8 bg-gray br-10p intro-shadow">
                <div class="w-full">
                  <div class="flex items-center pt-6 pb-6 w-full justify-center">
                    <span class="text-white fs:vrname bold-800 ls-5">{{ $t("vs.cv.name") }}</span>
                  </div>
                </div>
                <div class="flex flex-col items-center w-full margin-center pb-8 pl-4">
                  <div class="w-full flex justify-start pb-4 text-left">
                    <span class="text-white fs:ow bold-600">{{ $t("vs.cv.overview") }}:</span>
                  </div>
                  <div class="w-full flex justify-start pb-2 text-left">
                    <span class="text-white fs:tx">{{ $t("vs.cv.tx1") }}</span>
                  </div>
                  <div class="w-full flex justify-start pb-2 text-left">
                    <span class="text-white fs:tx">{{ $t("vs.cv.tx2") }}</span>
                  </div>
                  <div class="w-full flex justify-start pb-2 text-left">
                    <span class="text-white fs:tx">{{ $t("vs.cv.tx3") }}</span>
                  </div>
                  <div class="w-full flex justify-start pb-2 text-left">
                    <span class="text-white fs:tx">{{ $t("vs.cv.tx4") }}</span>
                  </div>
                  <div class="w-full flex justify-start pb-2 text-left">
                    <span class="text-white fs:tx">{{ $t("vs.cv.tx5") }}</span>
                  </div>
                </div>
                <div class="w-full margin-center flex flex-col">
                  <div class="w-full">
                    <div class="flex justify-center pb-4">
                      <span class="text-white">{{ $t("vs.cv.service") }}</span>
                    </div>
                    <div class="w-full">
                      <div class="w-90 margin-center flex flex-row justify-between pt-2 pb-4">
                        <div class="flex slogo bg-white">
                          <svg
                            class="slogo-size"
                            xmlns:dc="http://purl.org/dc/elements/1.1/"
                            xmlns:cc="http://creativecommons.org/ns#"
                            xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
                            xmlns:svg="http://www.w3.org/2000/svg"
                            xmlns="http://www.w3.org/2000/svg"
                            xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
                            xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
                            width="180mm"
                            height="40mm"
                            style="clip-rule: evenodd; fill-rule: evenodd; image-rendering: optimizeQuality; shape-rendering: geometricPrecision; text-rendering: geometricPrecision"
                            viewBox="0 0 7086.6144 1574.8032"
                            id="svg983"
                            sodipodi:docname="logo.svg"
                            inkscape:version="1.0 (4035a4f, 2020-05-01)"
                          >
                            <sodipodi:namedview
                              inkscape:document-rotation="0"
                              pagecolor="#ffffff"
                              bordercolor="#666666"
                              borderopacity="1"
                              objecttolerance="10"
                              gridtolerance="10"
                              guidetolerance="10"
                              inkscape:pageopacity="0"
                              inkscape:pageshadow="2"
                              inkscape:window-width="1920"
                              inkscape:window-height="1080"
                              id="namedview985"
                              showgrid="false"
                              showguides="false"
                              units="mm"
                              inkscape:zoom=".69602273"
                              inkscape:cx="408"
                              inkscape:cy="528"
                              inkscape:window-x="0"
                              inkscape:window-y="0"
                              inkscape:window-maximized="0"
                              inkscape:current-layer="Layer_x0020_1"
                            ></sodipodi:namedview>
                            <defs id="defs967">
                              <linearGradient id="id0" gradientUnits="userSpaceOnUse" x1="3149.4299" y1="5635.5898" x2="7771.9399" y2="5635.5898">
                                <stop offset="0" style="stop-opacity: 1; stop-color: #2b6fb5" id="stop958"></stop>
                                <stop offset=".870588" style="stop-opacity: 1; stop-color: #7dc5ed" id="stop960"></stop>
                                <stop offset=".988235" style="stop-opacity: 1; stop-color: #7dc5ed" id="stop962"></stop>
                                <stop offset="1" style="stop-opacity: 1; stop-color: #7dc5ed" id="stop964"></stop>
                              </linearGradient>
                            </defs>
                            <g id="Layer_x0020_1" transform="matrix(0.98370981,0,0,0.98370981,-626.40511,-4616.899)">
                              <path
                                class="fil0"
                                d="m3395.11 6027.9h147.19l246.79-709.92h-116.2l-203.63 611.98-205.28-611.98h-114.54l245.68 709.92zm968.32-244.57v0-170.98c0-99.6-76.36-154.37-183.7-154.37h-131.69c-107.35.0-183.7 54.78-183.7 154.37v261.17c0 99.6 76.36 154.38 183.7 154.38h315.39v-82.44h-353.02c-28.22.0-37.63-18.26-37.63-47.59v-114.54zm-108.45-83v0h-282.2v-112.88c0-22.13 9.41-47.03 37.63-47.03h206.94c28.22.0 37.63 24.9 37.63 47.03zm258.95 327.57v0h108.45v-784.62h-108.45zm760.83-415.55v0c0-99.6-65.29-154.37-171.53-154.37h-158.81c-106.24.0-172.09 54.78-172.09 154.37v261.17c0 99.6 65.85 154.38 172.09 154.38h158.81c106.24.0 171.53-54.78 171.53-154.38zm-393.97 275.01v0-288.84c0-42.06 12.17-58.1 48.69-58.1h188.69c36.52.0 48.14 16.04 48.14 58.1v288.84c0 41.5-11.62 58.1-48.14 58.1h-188.69c-36.52.0-48.69-16.6-48.69-58.1zm631.35.0v0-288.84c0-42.06 11.62-58.1 48.14-58.1h272.79v-82.44h-256.19c-107.35.0-173.19 54.78-173.19 154.37v261.17c0 99.6 65.85 154.38 173.19 154.38h256.19v-82.44h-272.79c-36.52.0-48.14-16.6-48.14-58.1zm460.93 140.54v0h107.9v-569.93h-107.9zM5962 5362.25v0h130.03V5243.28H5962zm621.94 178.17v0-82.44h-168.76v-139.99h-76.36l-32.09 139.99h-85.77v82.44h85.77v332c0 96.28 54.78 155.48 180.39 155.48h96.83v-82.44h-120.63c-41.5.0-48.14-21.58-48.14-61.42v-343.61h168.76zm107.35 333.1v0c0 99.6 65.3 154.38 172.64 154.38h33.2c83.56.0 143.87-2.21 169.87-65.29v65.29h107.35v-415.55c0-99.6-76.36-154.37-183.71-154.37h-241.8v82.44h280.54c27.67.0 37.63 18.26 37.63 47.03v95.72h-203.07c-107.35.0-172.64 54.78-172.64 154.93v35.41zm108.45 13.83v0-63.63c0-39.29 10.52-55.89 42.61-57.55H7067v141.65c-3.32 26.56-13.28 37.63-43.16 37.63h-175.96c-36.52.0-48.14-16.6-48.14-58.1zm863.75 27.67v0c0 22.69-11.62 30.43-48.14 30.43H7324.3v82.44h275c107.35.0 172.64-54.78 172.64-154.38v-40.94c0-68.61-47.03-90.19-146.63-113.99-80.78-19.37-101.26-26.56-203.07-51.46v-96.83c0-22.13 11.62-29.88 48.14-29.88h282.2v-82.44h-266.15c-107.34.0-172.64 54.78-172.64 154.37v37.63c0 64.19 43.71 89.08 132.8 109.56 106.8 24.9 151.61 36.52 216.91 50.35v105.13z"
                                id="path970"
                                style="fill: url(#id0)"
                              ></path>
                              <path
                                class="fil1"
                                d="m728.06 5018.07c722.09-309.86 1087.3 423.3 1320.24 889.75 88.54 177.62 156.59 313.19 195.88 317.61 67.5 8.3 132.24-294.37 240.7-1228.94l85.77 7.19C2455 5996.35 2361.49 6315.07 2233.12 6300.13 2145.14 6289.62 2069.33 6137.45 1969.73 5937.7c-219.12-438.78-562.74-1127.13-1203.49-852.12z"
                                id="path972"
                              ></path>
                              <path
                                class="fil2"
                                d="m900.14 4963.85c686.68-298.8 1022 350.81 1244.44 781.3 87.43 168.77 155.49 301.01 202.52 309.31 74.7 12.17 156.04-257.3 299.35-1107.76l85.22 10.51c-153.28 909.67-266.15 1193.53-400.61 1170.84-90.74-15.49-167.11-163.23-265.04-352.47C1857.97 5373.32 1544.78 4766.86 938.89 5030.8l-38.73-66.95z"
                                id="path974"
                              ></path>
                              <path
                                class="fil3"
                                d="m1056.18 4905.75c651.27-287.18 957.26 282.2 1168.63 675.61 85.21 158.25 153.27 285.52 207.5 298.24 82.45 18.81 180.94-216.35 359.11-986.03l84.66 14.39c-192.56 828.88-324.8 1076.78-465.35 1044.13-93.51-21.58-169.32-163.23-263.94-339.19-195.88-364.64-479.74-892.52-1051.88-640.2z"
                                id="path976"
                              ></path>
                              <path
                                class="fil4"
                                d="m1238.22 4844.88c616.96-276.66 894.18 216.35 1094.49 572.7 80.79 144.42 148.29 263.94 209.16 282.75 90.19 28.22 205.29-171.53 421.09-863.74l83.55 19.37c-234.61 751.97-386.78 961.13-533.96 915.2-93.51-29.33-167.66-161.57-257.3-320.93-183.71-327.57-438.79-780.75-977.74-538.39l-39.29-66.95z"
                                id="path978"
                              ></path>
                              <path
                                class="fil5"
                                d="m1406.99 4784.02c583.76-266.7 832.76 153.83 1020.89 471.99 75.25 127.27 139.99 236.83 205.28 263.38 99.05 40.94 231.85-120.07 489.15-740.91l80.79 25.45c-281.65 680.59-453.73 847.15-607 783.51-91.3-37.63-162.13-157.7-244.57-297.13-171.54-289.39-397.85-671.74-904.7-439.9l-39.84-66.4z"
                                id="path980"
                              ></path>
                            </g>
                          </svg>
                        </div>
                        <div class="flex">
                          <span class="bg-white block slogo px-2p py-2p"><img src="@/assets/images/kuksa.png" alt="" width="66" height="26" /></span>
                        </div>
                        <div class="flex">
                          <span class="bg-white block slogo px-2p py-2p"><img src="@/assets/images/leda.png" alt="" width="66" height="26" /></span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="flex w-full pt-2">
                  <div class="w-80 margin-center vr-button br-ce">
                    <button type="button" class="text-white w-full h-full bg-transparent bold-800 ls-1 br-10p fs:vrb">{{ $t("vs.cv.price") }}</button>
                  </div>
                </div>
              </div>
            </div>
            <!-- 间隔 -->
            <!-- <div class="col-span-12 md:col-span-2 lg:col-span-2"></div> -->
            <!--一个月版-->
            <div class="v-width mb-8">
              <div class="w-full pb-8 bg-blue br-10p intro-shadow">
                <div class="w-full">
                  <div class="flex items-center pt-6 pb-6 w-full justify-center">
                    <span class="text-white fs:vrname bold-800 ls-5">{{ $t("vs.sv.name") }}</span>
                  </div>
                </div>
                <div class="flex flex-col items-left w-full margin-center pb-8 pl-4">
                  <div class="w-94 flex justify-start pb-4 text-left">
                    <span class="text-white fs:ow bold-600">{{ $t("vs.sv.overview") }}:</span>
                  </div>
                  <div class="w-full flex justify-start pb-2 text-left">
                    <span class="text-white fs:tx">{{ $t("vs.sv.tx1") }}</span>
                  </div>
                  <div class="w-full flex justify-start pb-2 text-left">
                    <span class="text-white fs:tx">{{ $t("vs.sv.tx2") }}</span>
                  </div>
                  <div class="w-full flex justify-start pb-2 text-left">
                    <span class="text-white fs:tx">{{ $t("vs.sv.tx3") }}</span>
                  </div>
                  <div class="w-full flex justify-start pb-2 text-left">
                    <span class="text-white fs:tx">{{ $t("vs.sv.tx4") }}</span>
                  </div>
                  <div class="w-full flex justify-start pb-2 text-left">
                    <span class="text-white fs:tx">{{ $t("vs.sv.tx5") }}</span>
                  </div>
                </div>
                <div class="w-full margin-center flex flex-col">
                  <div class="w-full">
                    <div class="flex justify-center pb-4">
                      <span class="text-white">{{ $t("vs.cv.service") }}</span>
                    </div>
                    <div class="w-full">
                      <div class="w-full margin-center flex flex-row justify-between pt-2 pb-4 tv:img-px">
                        <div class="flex slogo bg-white">
                          <svg
                            class="slogo-size"
                            xmlns:dc="http://purl.org/dc/elements/1.1/"
                            xmlns:cc="http://creativecommons.org/ns#"
                            xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
                            xmlns:svg="http://www.w3.org/2000/svg"
                            xmlns="http://www.w3.org/2000/svg"
                            xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
                            xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
                            width="180mm"
                            height="40mm"
                            style="clip-rule: evenodd; fill-rule: evenodd; image-rendering: optimizeQuality; shape-rendering: geometricPrecision; text-rendering: geometricPrecision"
                            viewBox="0 0 7086.6144 1574.8032"
                            id="svg983"
                            sodipodi:docname="logo.svg"
                            inkscape:version="1.0 (4035a4f, 2020-05-01)"
                          >
                            <sodipodi:namedview
                              inkscape:document-rotation="0"
                              pagecolor="#ffffff"
                              bordercolor="#666666"
                              borderopacity="1"
                              objecttolerance="10"
                              gridtolerance="10"
                              guidetolerance="10"
                              inkscape:pageopacity="0"
                              inkscape:pageshadow="2"
                              inkscape:window-width="1920"
                              inkscape:window-height="1080"
                              id="namedview985"
                              showgrid="false"
                              showguides="false"
                              units="mm"
                              inkscape:zoom=".69602273"
                              inkscape:cx="408"
                              inkscape:cy="528"
                              inkscape:window-x="0"
                              inkscape:window-y="0"
                              inkscape:window-maximized="0"
                              inkscape:current-layer="Layer_x0020_1"
                            ></sodipodi:namedview>
                            <defs id="defs967">
                              <linearGradient id="id0" gradientUnits="userSpaceOnUse" x1="3149.4299" y1="5635.5898" x2="7771.9399" y2="5635.5898">
                                <stop offset="0" style="stop-opacity: 1; stop-color: #2b6fb5" id="stop958"></stop>
                                <stop offset=".870588" style="stop-opacity: 1; stop-color: #7dc5ed" id="stop960"></stop>
                                <stop offset=".988235" style="stop-opacity: 1; stop-color: #7dc5ed" id="stop962"></stop>
                                <stop offset="1" style="stop-opacity: 1; stop-color: #7dc5ed" id="stop964"></stop>
                              </linearGradient>
                            </defs>
                            <g id="Layer_x0020_1" transform="matrix(0.98370981,0,0,0.98370981,-626.40511,-4616.899)">
                              <path
                                class="fil0"
                                d="m3395.11 6027.9h147.19l246.79-709.92h-116.2l-203.63 611.98-205.28-611.98h-114.54l245.68 709.92zm968.32-244.57v0-170.98c0-99.6-76.36-154.37-183.7-154.37h-131.69c-107.35.0-183.7 54.78-183.7 154.37v261.17c0 99.6 76.36 154.38 183.7 154.38h315.39v-82.44h-353.02c-28.22.0-37.63-18.26-37.63-47.59v-114.54zm-108.45-83v0h-282.2v-112.88c0-22.13 9.41-47.03 37.63-47.03h206.94c28.22.0 37.63 24.9 37.63 47.03zm258.95 327.57v0h108.45v-784.62h-108.45zm760.83-415.55v0c0-99.6-65.29-154.37-171.53-154.37h-158.81c-106.24.0-172.09 54.78-172.09 154.37v261.17c0 99.6 65.85 154.38 172.09 154.38h158.81c106.24.0 171.53-54.78 171.53-154.38zm-393.97 275.01v0-288.84c0-42.06 12.17-58.1 48.69-58.1h188.69c36.52.0 48.14 16.04 48.14 58.1v288.84c0 41.5-11.62 58.1-48.14 58.1h-188.69c-36.52.0-48.69-16.6-48.69-58.1zm631.35.0v0-288.84c0-42.06 11.62-58.1 48.14-58.1h272.79v-82.44h-256.19c-107.35.0-173.19 54.78-173.19 154.37v261.17c0 99.6 65.85 154.38 173.19 154.38h256.19v-82.44h-272.79c-36.52.0-48.14-16.6-48.14-58.1zm460.93 140.54v0h107.9v-569.93h-107.9zM5962 5362.25v0h130.03V5243.28H5962zm621.94 178.17v0-82.44h-168.76v-139.99h-76.36l-32.09 139.99h-85.77v82.44h85.77v332c0 96.28 54.78 155.48 180.39 155.48h96.83v-82.44h-120.63c-41.5.0-48.14-21.58-48.14-61.42v-343.61h168.76zm107.35 333.1v0c0 99.6 65.3 154.38 172.64 154.38h33.2c83.56.0 143.87-2.21 169.87-65.29v65.29h107.35v-415.55c0-99.6-76.36-154.37-183.71-154.37h-241.8v82.44h280.54c27.67.0 37.63 18.26 37.63 47.03v95.72h-203.07c-107.35.0-172.64 54.78-172.64 154.93v35.41zm108.45 13.83v0-63.63c0-39.29 10.52-55.89 42.61-57.55H7067v141.65c-3.32 26.56-13.28 37.63-43.16 37.63h-175.96c-36.52.0-48.14-16.6-48.14-58.1zm863.75 27.67v0c0 22.69-11.62 30.43-48.14 30.43H7324.3v82.44h275c107.35.0 172.64-54.78 172.64-154.38v-40.94c0-68.61-47.03-90.19-146.63-113.99-80.78-19.37-101.26-26.56-203.07-51.46v-96.83c0-22.13 11.62-29.88 48.14-29.88h282.2v-82.44h-266.15c-107.34.0-172.64 54.78-172.64 154.37v37.63c0 64.19 43.71 89.08 132.8 109.56 106.8 24.9 151.61 36.52 216.91 50.35v105.13z"
                                id="path970"
                                style="fill: url(#id0)"
                              ></path>
                              <path
                                class="fil1"
                                d="m728.06 5018.07c722.09-309.86 1087.3 423.3 1320.24 889.75 88.54 177.62 156.59 313.19 195.88 317.61 67.5 8.3 132.24-294.37 240.7-1228.94l85.77 7.19C2455 5996.35 2361.49 6315.07 2233.12 6300.13 2145.14 6289.62 2069.33 6137.45 1969.73 5937.7c-219.12-438.78-562.74-1127.13-1203.49-852.12z"
                                id="path972"
                              ></path>
                              <path
                                class="fil2"
                                d="m900.14 4963.85c686.68-298.8 1022 350.81 1244.44 781.3 87.43 168.77 155.49 301.01 202.52 309.31 74.7 12.17 156.04-257.3 299.35-1107.76l85.22 10.51c-153.28 909.67-266.15 1193.53-400.61 1170.84-90.74-15.49-167.11-163.23-265.04-352.47C1857.97 5373.32 1544.78 4766.86 938.89 5030.8l-38.73-66.95z"
                                id="path974"
                              ></path>
                              <path
                                class="fil3"
                                d="m1056.18 4905.75c651.27-287.18 957.26 282.2 1168.63 675.61 85.21 158.25 153.27 285.52 207.5 298.24 82.45 18.81 180.94-216.35 359.11-986.03l84.66 14.39c-192.56 828.88-324.8 1076.78-465.35 1044.13-93.51-21.58-169.32-163.23-263.94-339.19-195.88-364.64-479.74-892.52-1051.88-640.2z"
                                id="path976"
                              ></path>
                              <path
                                class="fil4"
                                d="m1238.22 4844.88c616.96-276.66 894.18 216.35 1094.49 572.7 80.79 144.42 148.29 263.94 209.16 282.75 90.19 28.22 205.29-171.53 421.09-863.74l83.55 19.37c-234.61 751.97-386.78 961.13-533.96 915.2-93.51-29.33-167.66-161.57-257.3-320.93-183.71-327.57-438.79-780.75-977.74-538.39l-39.29-66.95z"
                                id="path978"
                              ></path>
                              <path
                                class="fil5"
                                d="m1406.99 4784.02c583.76-266.7 832.76 153.83 1020.89 471.99 75.25 127.27 139.99 236.83 205.28 263.38 99.05 40.94 231.85-120.07 489.15-740.91l80.79 25.45c-281.65 680.59-453.73 847.15-607 783.51-91.3-37.63-162.13-157.7-244.57-297.13-171.54-289.39-397.85-671.74-904.7-439.9l-39.84-66.4z"
                                id="path980"
                              ></path>
                            </g>
                          </svg>
                        </div>
                        <div class="flex">
                          <span class="bg-white block slogo px-2p py-2p"><img src="@/assets/images/kuksa.png" alt="" width="66" height="24" /></span>
                        </div>
                        <div class="flex">
                          <span class="bg-white block slogo px-2p py-2p"><img src="@/assets/images/leda.png" alt="" width="66" height="24" /></span>
                        </div>
                        <div class="flex">
                          <span class="bg-white block slogo px-2p py-2p"><img src="@/assets/images/car.jpg" alt="" width="66" height="24" /></span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="flex w-full pt-2">
                  <div class="w-80 margin-center vr-button br-se">
                    <button type="button" class="text-white w-full h-full bg-transparent bold-800 ls-1 br-10p fs:vrb">{{ $t("vs.sv.price") }}</button>
                  </div>
                </div>
              </div>
            </div>
            <!-- OEM版-->
            <div class="v-width mb-8">
              <div class="w-full pb-8 bg-oem br-10p intro-shadow">
                <div class="w-full">
                  <div class="flex items-center pt-6 pb-6 w-full justify-center">
                    <span class="text-white fs:vrname bold-800 ls-5">{{ $t("vs.ov.name") }}</span>
                  </div>
                </div>
                <div class="flex flex-col items-left w-full margin-center pb-8 pl-4">
                  <div class="w-94 flex justify-start text-left pb-2">
                    <span class="text-white fs:ow bold-600">{{ $t("vs.sv.overview") }}:</span>
                  </div>
                  <div class="w-full flex justify-start pb-2 text-left">
                    <span class="text-white fs:tx">{{ $t("vs.ov.tx1") }}</span>
                  </div>
                  <div class="w-full flex justify-start pb-2 text-left">
                    <span class="text-white fs:tx">{{ $t("vs.ov.tx2") }}</span>
                  </div>
                  <div class="w-full flex justify-start pb-2 text-left">
                    <span class="text-white fs:tx">{{ $t("vs.ov.tx3") }}</span>
                  </div>
                  <div class="w-full flex justify-start pb-2 text-left">
                    <span class="text-white fs:tx">{{ $t("vs.ov.tx4") }}</span>
                  </div>
                  <!-- <div class="w-full flex justify-start pb-2 text-left">
                    <span class="text-white fs:tx">{{ $t("vs.ov.tx5") }}</span>
                  </div> -->
                </div>
                <div class="w-full margin-center flex flex-col">
                  <div class="w-full">
                    <div class="flex justify-center pb-4">
                      <span class="text-white">{{ $t("vs.cv.service") }}</span>
                    </div>
                    <div class="w-full">
                      <div class="w-full margin-center flex flex-row justify-between pt-2 pb-4 tv:img-px">
                        <div class="flex slogo bg-white">
                          <svg
                            class="slogo-size"
                            xmlns:dc="http://purl.org/dc/elements/1.1/"
                            xmlns:cc="http://creativecommons.org/ns#"
                            xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
                            xmlns:svg="http://www.w3.org/2000/svg"
                            xmlns="http://www.w3.org/2000/svg"
                            xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
                            xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
                            width="180mm"
                            height="40mm"
                            style="clip-rule: evenodd; fill-rule: evenodd; image-rendering: optimizeQuality; shape-rendering: geometricPrecision; text-rendering: geometricPrecision"
                            viewBox="0 0 7086.6144 1574.8032"
                            id="svg983"
                            sodipodi:docname="logo.svg"
                            inkscape:version="1.0 (4035a4f, 2020-05-01)"
                          >
                            <sodipodi:namedview
                              inkscape:document-rotation="0"
                              pagecolor="#ffffff"
                              bordercolor="#666666"
                              borderopacity="1"
                              objecttolerance="10"
                              gridtolerance="10"
                              guidetolerance="10"
                              inkscape:pageopacity="0"
                              inkscape:pageshadow="2"
                              inkscape:window-width="1920"
                              inkscape:window-height="1080"
                              id="namedview985"
                              showgrid="false"
                              showguides="false"
                              units="mm"
                              inkscape:zoom=".69602273"
                              inkscape:cx="408"
                              inkscape:cy="528"
                              inkscape:window-x="0"
                              inkscape:window-y="0"
                              inkscape:window-maximized="0"
                              inkscape:current-layer="Layer_x0020_1"
                            ></sodipodi:namedview>
                            <defs id="defs967">
                              <linearGradient id="id0" gradientUnits="userSpaceOnUse" x1="3149.4299" y1="5635.5898" x2="7771.9399" y2="5635.5898">
                                <stop offset="0" style="stop-opacity: 1; stop-color: #2b6fb5" id="stop958"></stop>
                                <stop offset=".870588" style="stop-opacity: 1; stop-color: #7dc5ed" id="stop960"></stop>
                                <stop offset=".988235" style="stop-opacity: 1; stop-color: #7dc5ed" id="stop962"></stop>
                                <stop offset="1" style="stop-opacity: 1; stop-color: #7dc5ed" id="stop964"></stop>
                              </linearGradient>
                            </defs>
                            <g id="Layer_x0020_1" transform="matrix(0.98370981,0,0,0.98370981,-626.40511,-4616.899)">
                              <path
                                class="fil0"
                                d="m3395.11 6027.9h147.19l246.79-709.92h-116.2l-203.63 611.98-205.28-611.98h-114.54l245.68 709.92zm968.32-244.57v0-170.98c0-99.6-76.36-154.37-183.7-154.37h-131.69c-107.35.0-183.7 54.78-183.7 154.37v261.17c0 99.6 76.36 154.38 183.7 154.38h315.39v-82.44h-353.02c-28.22.0-37.63-18.26-37.63-47.59v-114.54zm-108.45-83v0h-282.2v-112.88c0-22.13 9.41-47.03 37.63-47.03h206.94c28.22.0 37.63 24.9 37.63 47.03zm258.95 327.57v0h108.45v-784.62h-108.45zm760.83-415.55v0c0-99.6-65.29-154.37-171.53-154.37h-158.81c-106.24.0-172.09 54.78-172.09 154.37v261.17c0 99.6 65.85 154.38 172.09 154.38h158.81c106.24.0 171.53-54.78 171.53-154.38zm-393.97 275.01v0-288.84c0-42.06 12.17-58.1 48.69-58.1h188.69c36.52.0 48.14 16.04 48.14 58.1v288.84c0 41.5-11.62 58.1-48.14 58.1h-188.69c-36.52.0-48.69-16.6-48.69-58.1zm631.35.0v0-288.84c0-42.06 11.62-58.1 48.14-58.1h272.79v-82.44h-256.19c-107.35.0-173.19 54.78-173.19 154.37v261.17c0 99.6 65.85 154.38 173.19 154.38h256.19v-82.44h-272.79c-36.52.0-48.14-16.6-48.14-58.1zm460.93 140.54v0h107.9v-569.93h-107.9zM5962 5362.25v0h130.03V5243.28H5962zm621.94 178.17v0-82.44h-168.76v-139.99h-76.36l-32.09 139.99h-85.77v82.44h85.77v332c0 96.28 54.78 155.48 180.39 155.48h96.83v-82.44h-120.63c-41.5.0-48.14-21.58-48.14-61.42v-343.61h168.76zm107.35 333.1v0c0 99.6 65.3 154.38 172.64 154.38h33.2c83.56.0 143.87-2.21 169.87-65.29v65.29h107.35v-415.55c0-99.6-76.36-154.37-183.71-154.37h-241.8v82.44h280.54c27.67.0 37.63 18.26 37.63 47.03v95.72h-203.07c-107.35.0-172.64 54.78-172.64 154.93v35.41zm108.45 13.83v0-63.63c0-39.29 10.52-55.89 42.61-57.55H7067v141.65c-3.32 26.56-13.28 37.63-43.16 37.63h-175.96c-36.52.0-48.14-16.6-48.14-58.1zm863.75 27.67v0c0 22.69-11.62 30.43-48.14 30.43H7324.3v82.44h275c107.35.0 172.64-54.78 172.64-154.38v-40.94c0-68.61-47.03-90.19-146.63-113.99-80.78-19.37-101.26-26.56-203.07-51.46v-96.83c0-22.13 11.62-29.88 48.14-29.88h282.2v-82.44h-266.15c-107.34.0-172.64 54.78-172.64 154.37v37.63c0 64.19 43.71 89.08 132.8 109.56 106.8 24.9 151.61 36.52 216.91 50.35v105.13z"
                                id="path970"
                                style="fill: url(#id0)"
                              ></path>
                              <path
                                class="fil1"
                                d="m728.06 5018.07c722.09-309.86 1087.3 423.3 1320.24 889.75 88.54 177.62 156.59 313.19 195.88 317.61 67.5 8.3 132.24-294.37 240.7-1228.94l85.77 7.19C2455 5996.35 2361.49 6315.07 2233.12 6300.13 2145.14 6289.62 2069.33 6137.45 1969.73 5937.7c-219.12-438.78-562.74-1127.13-1203.49-852.12z"
                                id="path972"
                              ></path>
                              <path
                                class="fil2"
                                d="m900.14 4963.85c686.68-298.8 1022 350.81 1244.44 781.3 87.43 168.77 155.49 301.01 202.52 309.31 74.7 12.17 156.04-257.3 299.35-1107.76l85.22 10.51c-153.28 909.67-266.15 1193.53-400.61 1170.84-90.74-15.49-167.11-163.23-265.04-352.47C1857.97 5373.32 1544.78 4766.86 938.89 5030.8l-38.73-66.95z"
                                id="path974"
                              ></path>
                              <path
                                class="fil3"
                                d="m1056.18 4905.75c651.27-287.18 957.26 282.2 1168.63 675.61 85.21 158.25 153.27 285.52 207.5 298.24 82.45 18.81 180.94-216.35 359.11-986.03l84.66 14.39c-192.56 828.88-324.8 1076.78-465.35 1044.13-93.51-21.58-169.32-163.23-263.94-339.19-195.88-364.64-479.74-892.52-1051.88-640.2z"
                                id="path976"
                              ></path>
                              <path
                                class="fil4"
                                d="m1238.22 4844.88c616.96-276.66 894.18 216.35 1094.49 572.7 80.79 144.42 148.29 263.94 209.16 282.75 90.19 28.22 205.29-171.53 421.09-863.74l83.55 19.37c-234.61 751.97-386.78 961.13-533.96 915.2-93.51-29.33-167.66-161.57-257.3-320.93-183.71-327.57-438.79-780.75-977.74-538.39l-39.29-66.95z"
                                id="path978"
                              ></path>
                              <path
                                class="fil5"
                                d="m1406.99 4784.02c583.76-266.7 832.76 153.83 1020.89 471.99 75.25 127.27 139.99 236.83 205.28 263.38 99.05 40.94 231.85-120.07 489.15-740.91l80.79 25.45c-281.65 680.59-453.73 847.15-607 783.51-91.3-37.63-162.13-157.7-244.57-297.13-171.54-289.39-397.85-671.74-904.7-439.9l-39.84-66.4z"
                                id="path980"
                              ></path>
                            </g>
                          </svg>
                        </div>
                        <div class="flex">
                          <span class="bg-white block slogo px-2p py-2p"><img src="@/assets/images/kuksa.png" alt="" width="66" height="24" /></span>
                        </div>
                        <div class="flex">
                          <span class="bg-white block slogo px-2p py-2p"><img src="@/assets/images/leda.png" alt="" width="66" height="24" /></span>
                        </div>
                        <div class="flex">
                          <span class="bg-white block slogo px-2p py-2p"><img src="@/assets/images/car.jpg" alt="" width="66" height="24" /></span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="flex w-full pt-2">
                  <div class="w-80 margin-center vr-button br-oe">
                    <button type="button" class="text-white w-full h-full bg-transparent bold-800 ls-1 br-10p fs:vrb">{{ $t("vs.ov.price") }}</button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "HomeVersion",
  data() {
    return {};
  }
};
</script>
<style scoped>
.bg-ed {
  /* background-color: #dfdede; */
  background-image: linear-gradient(180deg, #282828 0%, #202337 100%);
  background-size: contain;
}
.tmain {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
  /* background-color: bisque; */
}

.bold-600 {
  font-weight: 600;
}

.bold-700 {
  font-weight: 700;
}

.bold-800 {
  font-weight: 800;
}

.text-vr {
  color: #afafaf;
}

.px-2p {
  padding-left: 2px;
  padding-right: 2px;
}
.py-2p {
  padding-top: 2px;
  padding-bottom: 2px;
}
.br-ce {
  border: 3px solid #319da5;
}

.br-se {
  border: 3px solid #0168a3;
}
.br-oe {
  border: 3px solid #444a70;
}
.w-94 {
  width: 94%;
}

.v-width {
  width: 350px;
}
.fs\:vr {
  font-size: 2rem;
}
.fs\:vrname {
  font-size: 1.75rem;
}
.fs\:ow {
  font-size: 1rem;
}
.fs\:tx {
  font-size: 1rem;
}
.tv\:img-px {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.vr-button {
  display: flex;
  height: 50px;
  padding: 5px 13px 6px 14px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 10px;
}
.fs\:vrb {
  font-size: 20px;
}

@media (min-width: 744px) {
  .tmain {
    max-width: 744px;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .v-width {
    width: 300px;
  }
  .fs\:vr {
    font-size: 2rem;
  }
  .fs\:vrname {
    font-size: 1.5rem;
  }
  .fs\:ow {
    font-size: 1rem;
  }
  .fs\:tx {
    font-size: 15px;
  }
  .tv\:img-px {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .vr-button {
    display: flex;
    height: 40px;
    padding: 5px 13px 6px 14px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 10px;
  }
  .fs\:vrb {
    font-size: 18px;
  }
}

@media (min-width: 1024px) {
  .tmain {
    max-width: 1024px;
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .v-width {
    width: 300px;
  }
  .fs\:vr {
    font-size: 2rem;
  }
  .fs\:vrname {
    font-size: 1.5rem;
  }
  .fs\:ow {
    font-size: 1rem;
  }
  .fs\:tx {
    font-size: 15px;
  }
  .tv\:img-px {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .vr-button {
    display: flex;
    height: 40px;
    padding: 5px 13px 6px 14px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 10px;
  }
  .fs\:vrb {
    font-size: 18px;
  }
}

@media (min-width: 1440px) {
  .tmain {
    max-width: 1440px;
    padding-right: 4rem;
    padding-left: 4rem;
  }
  .v-width {
    width: 350px;
  }
  .fs\:vr {
    font-size: 3rem;
  }
  .fs\:vrname {
    font-size: 1.75rem;
  }
  .fs\:ow {
    font-size: 1.15rem;
  }
  .fs\:tx {
    font-size: 1rem;
  }
  .tv\:img-px {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .vr-button {
    display: flex;
    height: 50px;
    padding: 5px 13px 6px 14px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 10px;
  }
  .fs\:vrb {
    font-size: 20px;
  }
}

.fs-24 {
  font-size: 24px;
}

.grid {
  display: grid;
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.bg-gray {
  background-color: #38b1ba;
}

.br-10p {
  border-radius: 10px;
}

.col-span-12 {
  grid-column: span 12 / span 12;
}

@media (min-width: 744px) {
  .md\:col-span-5 {
    grid-column: span 5 / span 5;
  }
  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }
}

.ls-5 {
  letter-spacing: 0.5px;
}
.fs-20 {
  font-size: 20px;
}
.margin-center {
  margin: 0 auto;
}

.slogo {
  width: 70px;
  height: 30px;
}
.slogo-size {
  width: 100%;
  height: 100%;
}

.bg-blue {
  background-color: #007bc2;
}

.bg-oem {
  background-color: rgba(32, 35, 55, 1);
}

.intro-shadow {
  /* box-shadow: 4px 4px 10px 3px #8b9299; */
  box-shadow: 0px 7px 21px 0px rgba(73, 79, 121, 0.7);
}

.bg-red {
  width: 100%;
  /* height: 100vh; */
  background-color: red;
}
.bg-transparent {
  background-color: transparent;
}
</style>
